<template>
    <div class="qax-page-bg">
        <img :src="WLGF" @click="jumpWlgf" alt="网络攻防训练" class="input-icon">
        <img :src="XAJP" @click="jumpXajp" alt="信息安全检测评估" class="input-icon">
        <img :src="WAJS" @click="jumpWAJS" alt="网络安全攻防技术研究" class="input-icon">
        <img :src="ZHTS" alt="综合态势展示" class="input-icon">
        <!-- <img :src="WLGF" @click="jumpWlgf" alt="训练场" class="input-icon">
        <img :src="XAJP" @click="jumpCompete" alt="竞技场" class="input-icon">
        <img :src="WAJS" @click="jumpDrill" alt="试验场" class="input-icon">
        <img :src="ZHTS" @click="jumpHw" alt="实战场" class="input-icon"> -->
    </div>
</template>

<script>
    export default {
        data () {
            return {
                WAJS:require('../../assets/login-qax/WAJS.png'),
                WLGF:require('../../assets/login-qax/WLGF.png'),
                XAJP:require('../../assets/login-qax/XAJP.png'),
                ZHTS:require('../../assets/login-qax/ZHTS.png'),
            }
        },
        mounted () {
            
        },
        created(){

        },
        methods: {
            jumpWlgf(){
                this.$router.push({
                    path: '/experimentalScene'
                })
            },
            jumpWAJS(){
                this.$router.push({
                    path: '/project'
                })
            },
            jumpXajp(){
                this.$router.push({
                    path: '/testsPlatform'
                })
            },
            jumpDrill(){
                this.$router.push({
                    path: '/drillScene'
                })
            },
            jumpCompete(){
                this.$router.push({
                    path: '/competitionScene'
                })
            },
            jumpHw(){
                this.$router.push({
                    path: '/hwDrill'
                })
            }
        },
    }
</script>

<style scoped>
    .qax-page-bg{
        width: 100%;
        height: 100%;
        background: url("../../assets/login-qax/transfer-bg.jpg") no-repeat center center;
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .input-icon{
        cursor: pointer;
    }
</style>

